محترفي الويب: الفيس بوك

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله تعالى وبركاته، اهلا وسهلا بزوار مدونة محترفي الويب.

في درس هذا اليوم ساقوم بشرح لكم طريقة اضافة زر المشاركة في الفيس بوك لمدونة البلوجر.

هذه الاضافة ستمكن زوار مدونتك من نشر التدوينات الخاصة بك في الموقع الاجتماعي الشهير فيس بوك.

وبالتالي ستحصل على زوار كثر والكثير من الباك لينكس. لن اطيل عليكم نبدا الشرح على بركة الله.

الشرح:

اولا قم بالتوجه الى لوحة التحكم الخاصة بك ثم قالب ثم تحرير HTML.

ملحوظة:

لاتنسى ان تاخد نسخة احتياطية من القالب الخاص بك.

تانيا ابحث عن هذا الكود <data:post.body/> بعد ذلك ضع هذا الكود بعده مباشرة.

   <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">مشاركة</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

ومبروك الاضافة.

انتهى درس اليوم الى اللقاء الى درس اخر وشكرا.

في انتضار رضكم حول الموضوع.

Unknown

الاثنين, يوليو 15, 2013

اقرأ المزيد

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله تعالى وبركاته، اهلا وسهلا من جديد بزوار مدونة محترفي الويب.

اليوم ساتطرق في درس جديد، وهو طريقة اضافة تعليقات الفيس بوك الى مدونة البلوجر. الطريقة سهلة جدا تابع معي الشرح.

الشرح:

اولا توجه الى لوحة التحكم بمدونتك. وقم باخد نسخة للقالب لكي لايقع اي مشكل.

تانبا قم بالتوجه الى تحرير HTML، بعد ذلك انقر على توسيع واجهة المستخدم. وابحث عن هذا الكود.

<div class='comments' id='comments'>

للإشارة ستجد هذا الكود مرتين قم بنسخ هذا الكود اسفل كل منهما.

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbP69ZB5nNsGPWI6sCiVxFAoxtg9OQg-ae_qh-KMNWS72BjTiDESJB8rqnwdrREEgxR1UQP58Vl5wO0vJ78HXvNh6FDkxJyoxfmeKuSta3u_ZS2ekDnBxDLZR_hrCCznx_9ZSONhurS04/s1600/FACEBOOK.png'/> <fb:comments-count expr:href='data:post.url'/> Comments </div> <div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Add Comments via Blogger'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpbVJ-_r0u6C3ppkJ2TMQZ1Ir3dmx4pcMryCPR7NDo93sw8vlScFCxFheUbAa04k8zVeO4GUD2DVCDNYGbEQlor72o_7UsKPUreifd8s-SK_anA3YAMJpL8mI3Y0MExS_wXQLZ76oU_5Y/s1600/BLOGGER.png'/> <data:post.numComments/> Comments </div><div class='clear'/> </div> <div class='comakauttafb-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/> </b:if> </div> <div class='comments comakauttafb-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='potter182' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(".comakauttafb-tab").addClass("inactive-select-tab"); $(selectTab).removeClass("inactive-select-tab"); $(".comakauttafb-page").hide(); $(selectTab + "-page").show(); } </script> <style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

- See more at: http://www.computer-door.com/2013/03/blog-post_3507.html#sthash.0kcoPHTh.psEOYWVq.dpuf

بعد ذلك قم بحفظ القالب.

انتهى درس اليوم الى اللقاء الى درس اخر وشكرا.

في انتضار رضكم حول الموضوع.

- See more at: http://www.computer-door.com/2013/03/blog-post_3507.html#sthash.0kcoPHTh.dpuf

Unknown

السبت, يونيو 22, 2013

اقرأ المزيد

طريقة اضافة زر المشاركة في الفيس بوك لمدونة البلوجر

الموقع الإجتماعي فيس بوك يضيف خاصية ترتيب التعليقات

طريقة اضافة تعليقات الفيس بوك الى بلوجر

اضاف الفيس بوك خاصية اضافة صورة عند الرد